<template>
  <div id="echarts3"></div>
</template>
<script>
export default {
  data() {
    return {}
  },
  props: {
    data: {
      type: Array,
      default: () => {
        return []
      },
    },
  },

  mounted() {
    this.showEcharts3()
  },
  created() {},
  methods: {
    showEcharts3() {
      let myChart = this.$echarts.init(document.getElementById('echarts3'))
      let data = this.data
      let nameList = data.map((m) => m.name)
      let valueList = data.map((m) => m.value)
      const color = ['#906BF9', '#FE5656', '#01E17E', '#3DD1F9', '#FFAD05'] //2个以上的series就需要用到color数组'#EAEA26',
     
      myChart.setOption(option)
    },
  },
}
</script>
